<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>


<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/jquery-1.42.min.js"></script>
<link href="${pageContext.request.contextPath}/css/bootstrap.min.css"
	rel="stylesheet" type="text/css">
<link href="${pageContext.request.contextPath}/css/font-awesome.min.css"
	rel="stylesheet" type="text/css">
<link href="${pageContext.request.contextPath}/css/base.css"
	rel="stylesheet" type="text/css">
<link href="${pageContext.request.contextPath}/css/reg.css"
	rel="stylesheet" type="text/css">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/css/headbott.css"
	type="text/css" />
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/css/ace.min.css"
	type="text/css" />
</head>

<body>
	<div id="header">
		<div class="heade-con">
			<div class="logo">
				<a href=""><img
					src="${pageContext.request.contextPath}/images/LOGO.png" /></a>
			</div>
			<div class="nav posa">
				<ul>
					<li><a class="vcolor"
						href="${pageContext.request.contextPath }/pages/frontIndex.action">首页</a></li>
					<li><a href="${pageContext.request.contextPath }/Projects/frontList.action">公益众筹</a></li>
                <li><a href="${pageContext.request.contextPath }/add/questionAllList.action">常见问题</a></li>
                <li><a href="${pageContext.request.contextPath }/news/frontComments.action">众筹资讯</a></li>
				<li><a href="${pageContext.request.contextPath }/pages/publish/TheProject.action" style="">发布项目</a></li>
				</ul>
			</div>
			<div class="search">
				<form action="">
					<input type="text" class="search-txt" value="找项目"> <input
						type="submit" class="search-but" value="">
				</form>
			</div>
			<div class="index-login">
				<a
					href="${pageContext.request.contextPath }/pages/frontLogin.action">登录</a>
				<a class="index-login1"
					href="${pageContext.request.contextPath}/pages/reg.action">注册</a>
			</div>
		</div>
	</div>
	<div class="login-container">

		<div class="space-6"></div>

		<div class="position-relative">
			<div id="signup-box" class="signup-box widget-box no-border">
				<div class="widget-body">
					<div class="widget-main">
						<h4 class="header green lighter bigger">
							<i class="ace-icon fa fa-users blue"></i> 用户注册
						</h4>

						<div class="space-6"></div>
						<p>填写信息:</p>

						<form id="registerForm">
							<fieldset>
								<label class="block clearfix"> <span
									class="block input-icon input-icon-left"> <input
										type="text" name="email" class="form-control"
										placeholder="邮箱或手机号码" /> <i class="ace-icon fa fa-envelope"></i>
								</span>
								</label> <label class="block clearfix"> <span
									class="block input-icon input-icon-left"> <input
										type="text" name="name" class="form-control" placeholder="用户名" />
										<i class="ace-icon fa fa-user"></i>
								</span>
								</label> <label class="block clearfix"> <span
									class="block input-icon input-icon-left"> <input
										type="password" name="passWord" class="form-control"
										placeholder="密码" /> <i class="ace-icon fa fa-lock"></i>
								</span>
								</label> <label class="block clearfix"> <span
									class="block input-icon input-icon-left"> <input
										type="password" class="form-control" placeholder="确认密码" /> <i
										class="ace-icon fa fa-retweet"></i>
								</span>
								</label>
								<!--验证码-->
								<label class="block clearfix"> <span> <input
										id="code" name="code" onblur="chekCode(this.value)"
										type="text" class="" placeholder="验证码" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
										<button id="codeBtn" onclick="validateCode()"
											class="btn btn-default">
											<a href="#">点击获取验证码</a>
										</button>
								</span>
								</label> <label class="block"> <input type="checkbox"
									class="ace" /> <span class="lbl"> 接受 <a href="#">用户协议</a>
								</span>
								</label>

								<div class="space-24"></div>

								<div class="clearfix">
									<button type="reset" class="width-30 pull-left btn btn-sm">
										<i class="ace-icon fa fa-refresh"></i> <span
											class="bigger-110">重置</span>
									</button>

									<button type="button" onclick="btnRegister()"
										class="width-65 pull-right btn btn-sm btn-success">
										<span class="bigger-110">注册</span> <i
											class="ace-icon fa fa-arrow-right icon-on-right"></i>
									</button>
								</div>
							</fieldset>
						</form>
						<!--第三方-->
						<div class="social-or-login center">
							<span class="bigger-110">第三方登录</span>
						</div>

						<div class="space-6"></div>

						<div class="social-login center">
							<a href="#"> <img
								src="${pageContext.request.contextPath }/images/weixin.png">
							</a> <a href="#"> <img
								src="${pageContext.request.contextPath }/images/qq.png">
							</a> <a href="#"> <img
								src="${pageContext.request.contextPath }/images/sina.png">
							</a>
						</div>
					</div>

					<div class="toolbar center">
						<a href="login.html" data-target="#login-box"
							class="back-to-login-link"> <i
							class="ace-icon fa fa-arrow-left"></i> 返回登录
						</a>
					</div>
				</div>
				<!-- /.widget-body -->
			</div>
		</div>
	</div>

	<div id="bottom">
		<div class="bottom-ggt">
			<a href=""><img
				src="${pageContext.request.contextPath}/images/bottbom_68.jpg"
				alt="" /></a>
		</div>
		<div class="zc-yqlink">
			<ul>
				<li><a href="">阿里巴巴集团</a></li>
				<li><a href="">淘宝网</a></li>
				<li><a href="">天猫</a></li>
				<li><a href="">聚划算</a></li>
				<li><a href="">全球速卖通</a></li>
				<li><a href="">阿里巴巴国际交易市场</a></li>
				<li><a href="">1688</a></li>
				<li><a href="">阿里妈妈</a></li>
				<li><a href="">阿里旅行</a></li>
				<li><a href="">阿里云计算</a></li>
				<li><a href="">阿里巴巴集团</a></li>
				<li><a href="">淘宝网</a></li>
				<li><a href="">天猫</a></li>
				<li><a href="">聚划算</a></li>
				<li><a href="">全球速卖通</a></li>
				<li><a href="">阿里巴巴国际交易市场</a></li>
				<li><a href="">1688</a></li>
				<li><a href="">阿里妈妈</a></li>
				<li><a href="">阿里云计算</a></li>
			</ul>
		</div>
		<div class="footer-bd">

			<a href=" ">关于淘宝</a> <a href=" ">合作伙伴</a> <a href=" ">营销中心</a> <a
				href=" ">廉正举报</a> <a href=" ">联系客服</a> <a href=" ">开放平台</a> <a
				href=" ">诚征英才</a> <a href=" ">联系我们</a> <a href=" ">网站地图</a> <a
				href=" ">法律声明</a> <em>© 2003-2015 Taobao.com 版权所有</em><br> <br>
			<span>网络文化经营许可证：<a href=" ">浙网文[2013]0268-027号</a></span> <b>|</b> <span
				data-spm-protocol="i">增值电信业务经营许可证：<a href="">浙B2-20080224-1</a></span>
			<b>|</b> <span>信息网络传播视听节目许可证：1109364号</span> <b>|</b> <span>举报电话:0571-81683755</span>
		</div>
	</div>
	<script type="text/javascript"
		src="${pageContext.request.contextPath }/js/project/jquery.min.js"></script>
	<script type="text/javascript"
		src="${pageContext.request.contextPath }/js/jquery-1.42.min.js"></script>

	<script type="text/javascript">
		//获取验证码
		function validateCode() {
			$
					.ajax({
						url : "${pageContext.request.contextPath }/front/user/registerCode.action",
						method : "post",
						dataType : "json",
						async : true,
						success : function(data) {
							//alert("请输入验证码: " + data.validateCode);
							$("#codeBtn").html(data.validateCode);
						},
						error : function() {
							alert("对不起,验证码获取出错啦! ");
						}
					});
		}

		function chekCode(code) {
			if (code == "") {
				alert("验证码不能为空!");
			} else {
				$
						.ajax({
							cache : false,
							url : "${pageContext.request.contextPath}/front/user/checkRegisterCode.action",
							method : "post",
							dataType : "json",
							data : {
								"code" : code
							},
							success : function(data) {
								console.log("验证结果: " + data.msg + "===="
										+ data.isSame);
								if (!data.isSame) {//验证不通过
									alert("输入的验证码有误,请重新输入新的验证码! ");
									validateCode();
								} else {
									$("#codeBtn").empty();
									$("#codeBtn").append(
											"<a href=\"#\">"
													+ data.validateCode
													+ "</a>");
								}
							},
							error : function() {
								alert("对不起,验证码输入不正确! ");
							}
						});
			}
		}
		function btnRegister() {

			console.log($("#registerForm").serialize());
			$
					.ajax({
						url : "${pageContext.request.contextPath}/front/user/manuRegister.action",
						method : "post",
						dataType : "json",
						data : $("#registerForm").serialize(),
						success : function(data) {
							alert("..." + data.msg);
						},
						error : function() {
							alert("注册失败");
						}
					});
		}
	</script>
</body>
</html>
